<script type="text/javascript" src="${request.contextPath}/assets/dist/js/myJs/monitorLocation.js"></script>
<script type="text/javascript">
	$(function() {
		var localArrayData = getAllVehicle();
		console.log(localArrayData);
		$("#searchContent").typeahead({
		    source: localArrayData,//数据源
		    items: 12,//最多显示个数
		    updater: function (item) {
		    	console.log("====================1");
		        return item;//这里一定要return，否则选中不显示，外加调用display的时候null reference错误。
		    },
		    displayText: function (item) {
		    	console.log("====================2");
		        return item[1];//返回字符串
		    },
		    afterSelect: function (item) {
		        //选择项之后的事件 ，item是当前选中的。
		        console.log("====================3");
		    },
		    delay: 500//延迟时间
		    });
	});
</script>
<style type="text/css">
.theme-popover {
	z-index: 9999;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 68px;
	height: 68px;
	margin: -32px 0 0 -32px;
	background-color: #fff;
	display: none;;
}

.theme-imgs img {
	margin: 10px;
}

.theme-poptit {
	border-bottom: 1px solid #ddd;
	padding: 12px;
	position: relative;
	height: 20px;
}

.theme-popbod {
	padding: 60px 15px;
	color: #444;
	height: 148px;
}

.theme-poptit .close {
	float: right;
	color: #999;
	padding: 5px;
	margin: -2px -5px -5px;
	font: bold 14px/14px simsun;
}

.theme-popover-mask {
	z-index: 9998;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	display: none
}
</style>
<div style="width: 100%;">
	<div class="theme-popover">
		<div class="theme-imgs">
			<img src="${request.contextPath}/assets/dist/img/loading.gif" alt="" />
		</div>
	</div>
	<div class="theme-popover-mask"></div>
	<div class="row">
		<div class="col-md-3 col-xs-3">
			<div class="nav-tabs-custom">
				<div id="car_info_title">
					<span>车辆信息</span>
				</div>
				<div class="m-t-5" style="height:30px;">
					<i class="fa fa-circle c-green col-md-6 col-xs-6"><span
						class="c-black m-l-10">666</span></i><i
						class="fa fa-circle c-yellow col-md-6 col-xs-6"><span
						class="c-black m-l-10">666</span></i><i
						class="fa fa-circle c-grey col-md-6 col-xs-6"><span
						class="c-black m-l-10">666</span></i><i
						class="fa fa-circle c-red col-md-6 col-xs-6"><span
						class="c-black m-l-10">666</span></i>
				</div>
				<div class="tab-content no-padding">
					<div class="tab-pane active">
						<div class="box-body">
							<div class="form-group">
								<select class="form-control"
									style="width: 80px; display: inline-block;">
									<option>全部</option>
									<option>运行</option>
									<option>停止</option>
									<option>离线</option>
									<option>异常/警报</option>
								</select>
								<div class="search-car-content">
								    <input type="hidden" id="deviceId"/>
								    <input type="hidden" id="checkRoot"/>
								    <input type="text" class="form-control" id="searchContent" data-provide="typeahead" data-items="4" maxLength="50" placeholder="请输入名称或编号"/>
									<i class="fa fa-search" id="search-car"></i>
								</div>
							</div>
							<div class="form-group" style="height:710px;overflow:auto;">
								<div class="col-md-12 no-padding">
									<ul class="ztree" id="ztree"></ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-9  col-xs-9" id="right_content">
			<div class="col-md-12 col-xs-12 no-padding">
				<div id="gjhfMapDiv" style="padding-top: 5px;">
					<div id="amap" class="amap-container"
						style="height: 860px; position: relative; background: rgb(252, 249, 242);">
					</div>
					<div data-toggle="tooltip" title="显示" style="display: none">
						<i class="fa fa-chevron-right"></i>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="rightClickInfo">
	<span>下发消息</span><br /> <span>查看视频</span> <br /> <span>参数配置</span>
</div>
